/* reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

html {height:100%;background-color: #454545;}

body {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 80%;
    text-align: center;
    height: 100%;
}

#container {
    width: 960px;
    margin: 0 auto;
    text-align:left;
    padding-top: 0px;
    background-color: #FFFFFF;
    min-height: 100%;
    height: 100%;
    background: #FFFFFF url('../images/col_bg.gif') 0 0 repeat-y;
}

#head {
    width: 960px;
    height: 100px;
    text-align: left;
    background: #005481 url('../images/header_bg.jpg');
    float: left;
}

#logo
{
    width: 692px;
    float: left;
    text-align: left;
}

#userinfo {
    width: 258px;
    text-align: right;
    padding-top:15px;
    float: left;
    padding-right: 10px;
    font: 2.1em Georgia, "Times New Roman", Times, serif;
    color: white;
}

#sidebar {
    width: 200px;
    float: left;
    text-align: left;
    
}

#menu {
    padding: 20px 10px;
    background:url('../images/col_top.gif') 0 0 no-repeat;
}

#menu h3 {
    padding: 3px 3px 3px 3px; 
    margin: 0 -10px 15px -10px;
    background: #A0B9F3 url('../images/col_title_bg.gif') 0 0 repeat-y; 
    color: #192666;
    font-size: 140%;
}

#menu ul#menu-items {
    margin: 15px 0;
    padding: 0;
    list-style: none;
}

#menu ul#menu-items li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #E0E8FA;
}

#menu ul#menu-items li a {
    display: block;
    padding: 3px 0 3px 22px; 
    background:url('../images/ico_links.gif') 5px 6px no-repeat;
    text-decoration: none;
    color: #192666;
}

#menu ul#menu-items li a:hover {
    background-color: #D3DFF8;
    color: #4F6AD7;
}

#content {
    margin-top: 2px;
    margin-left: 2px;
    margin-right: 2px;
    width: 756px;
    float: left;
    text-align: left;
}

#grid {
    height: 390px;
    border: 1px solid #7F7F7F;
}

#search {
    height: 52px;
    border: 1px solid #7F7F7F;
    margin-bottom: 2px;
}

#search .hd {
    padding:2px;
    background-color: #A0B9F3;
}

#search .hd h3 {
    color: #192666;
    font-size: 110%;
}

#search .bd {
    padding: 2px;
}

#search .bd label {
    clear: both;
    width: 120px;
    height: 20px;
    float: left;
    padding-top: 4px;
}

#form_data_entry {
    border: 1px solid #7F7F7F;
    margin-bottom: 2px;
}

#form_data_entry .hd {
    padding:2px;
    background-color: #A0B9F3;
}

#form_data_entry .hd h3 {
    color: #192666;
    font-size: 110%;    
}

#form_data_entry .bd {
    padding: 2px;
    border-bottom:1px solid #CBCBCB;
}

#form_data_entry .bd label {
    clear: both;
    width: 120px;
    height: 20px;
    float: left;
    margin: 2px;
}

#form_data_entry .bd input {
    margin: 2px;
}

#form_data_entry .bd select {
    width: 120px;
    height: 20px;
    vertical-align: bottom;
    margin: 2px;
}

#form_data_entry .bd img {
    vertical-align: top;
    margin-top:3px;
}

#form_data_entry .bd .the_form {
    width: 550px;
}

#form_data_entry .bd .messages {
    background-color: #FFFDCB;
    border: 1px solid #E0D985;
    padding: 3px;
}

#form_data_entry .bd .messages .error_hd {
    border-bottom:1px solid #E0D985;
    margin-bottom: 2px;
    padding-bottom: 2px;
    color: #9D996C;
    font-size: 110%;
}

#form_data_entry .bd .messages #error_message {
    color: #9D996C;
}

#form_data_entry .ft {
    text-align: center;
}

.textentry {
    width: 120px;
    height: 20px;
    vertical-align: bottom;
}

.req_textentry {
  width: 120px;
  height: 20px;
  vertical-align: bottom;
  background-color: #E6FCCB;
  border: 1px solid #9ECB64;
}

.button {
    width: 95px;
    vertical-align: bottom;
    font-size: 90%;
}

.dropdown {
    width: 120px;
    height: 20px;
    vertical-align: bottom;
}

#functions {
    margin-bottom: 2px;
}

#detail {

}

#login_window {
    margin: 0 auto;
    width: 300px;
    height: 140px;
    background-color: #F2F2F2;
    font-size: 93%;
    text-align: left;
    position: relative;
    top: 50%;
    margin-top: -70px;
}

#login_window .hd {
    line-height:2;
    font-size: inherit;
    font-weight:bold;
    background: url('../images/panel_header.png') repeat-x;
    text-align: center;
}

#login_window .bd {
    font-size: inherit;
    padding: 10px;
}

#login_window .ft {
    border-top:solid 1px #808080;
    padding:5px 10px;
    text-align: center;
}

#login_window .ft input {
    width: 95px;
}

#login_window input {
    width:150px;
    height:20px;
}

#login_window #chkRememberMe {
    width: 15px;
}

#login_window label {
    clear: both;
    width: 120px;
    height: 20px;
    float: left;
    vertical-align: middle;
    *padding-top: 2px;
}

.checkbox {
    vertical-align: middle;
    width: 20px;
}

table {
    width: 100%;
}

.listTable table {
    margin: 0;
    padding: 0;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    border-collapse:collapse;
    border-spacing:0;
}

.listTable thead {
    background: #D8D8DA url('../images/table_header.png') repeat-x 0 0;
}

.listTable thead td {
    margin:0;
    padding:3;
    border:none;
    border-right:1px solid #CBCBCB;
    white-space:nowrap;
}

.listTable tbody td {
    margin:0;
    padding:3;
    border:none;
    border-right:1px solid #CBCBCB;
    border-bottom:1px solid #CBCBCB;
    white-space:nowrap;    
}

.pagination {
    text-align: center;
}

a {
    text-decoration: none;
    color: #192666;
}

a:hover {
    text-decoration: underline;
    color: #4F6AD7;
}